<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>详情页</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="/static/H/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/static/H/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="/static/H/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="/static/H/css/animate.css" rel="stylesheet">
    <link href="/static/H/css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
<div class="row">
    <div class="col-sm-offset-1 col-sm-10">
        <div class="wrapper wrapper-content animated fadeInUp">
            <div class="ibox">
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="m-b-md">
                                <button class="btn btn-sm btn-primary pull-left m-t-n-xs" onclick="history.back(-1)"><strong>返回上一级</strong></button>
                                <a href="{:url('Events/modify')}" class="btn btn-white btn-xs pull-right">编辑项目</a>
                                <h2>{$data.title}</h2>
                            </div>
                            <dl class="dl-horizontal">
                                <dt>状态：</dt>
                                {if ($data.status == 1)}
                                <span class="label label-primary">已完成</span>
                                {else /}
                                {if ($data.newstatus)}
                                <span class="label label-danger">已延期</span>
                                {else/}
                                <span class="label label-primary">进行中</span>
                                {/if}
                                {/if}
                                </dd>
                            </dl>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <dl class="dl-horizontal">
                                <dt>当前进度</dt>
                                <dd>
                                    <small>当前项目已耗时 <strong>{$data.progress}%</strong></small>
                                    <div class="progress progress-striped active m-b-sm">
                                        {if($data.progress > 5)}
                                        <div style="width: {$data.progress}%" aria-valuemax="80" aria-valuemin="0" aria-valuenow="75" role="progressbar" class="progress-bar progress-bar-danger">
                                        {else /}
                                            <div style="width: {$data.progress}%;" class="progress-bar"></div>
                                        {/if}
                                        <div style="width: {$data.progress}%;" class="progress-bar"></div>
                                    </div>
                                </dd>
                                <dt>任务内容</dt>
                                <h3 class="col-sm-offset-2 col-sm-10 ">{$data.content}</h3>


                            </dl>
                        </div>
                    </div>
                    <div class="row m-t-sm">
                        <div class="col-sm-12">
                            <div class="panel blank-panel">
                                <div class="panel-heading">
                                    <div class="panel-options">
                                        <ul class="nav nav-tabs">
                                            <li><a href="project_detail.html#tab-1" data-toggle="tab">更新日志</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="panel-body">
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab-1">
                                            <div class="feed-activity-list">
                                                {foreach $lie as $v}
                                                <div class="feed-element">

                                                    <h3>{$v.content}</h3>

                                                </div>
                                                {/foreach}

                                            </div>

                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!-- 全局js -->
<script src="/static/H/js/jquery.min.js?v=2.1.4"></script>
<script src="/static/H/js/bootstrap.min.js?v=3.3.6"></script>
<script src="/static/H/js/jQuery.form.js"></script>
<script src="/static/H/js/plugins/layer/laydate/laydate.js"></script>
<script src="/static/H/js/plugins/layer/3.1/layer.js"></script>
<script src="/static/H/js/plugins/validate/1.14/jquery.validate.js"></script>
<!-- 自定义js -->
<script src="/static/H/js/content.js?v=1.0.0"></script>


<script>
    $(document).ready(function () {

        $('#loading-example-btn').click(function () {
            btn = $(this);
            simpleLoad(btn, true)

            // Ajax example
            //                $.ajax().always(function () {
            //                    simpleLoad($(this), false)
            //                });

            simpleLoad(btn, false)
        });
    });

    function simpleLoad(btn, state) {
        if (state) {
            btn.children().addClass('fa-spin');
            btn.contents().last().replaceWith(" Loading");
        } else {
            setTimeout(function () {
                btn.children().removeClass('fa-spin');
                btn.contents().last().replaceWith(" Refresh");
            }, 2000);
        }
    }
</script>


</body>
</html>